/**
 * Created by PanJiaChen on 16/11/18.
 */

/**
 * Parse the time to string
 * @param {(Object|string|number)} time
 * @param {string} cFormat
 * @returns {string | null}
 */
export function parseTime(time, cFormat) {
  if (arguments.length === 0 || !time) {
    return null
  }
  const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
  let date
  if (typeof time === 'object') {
    date = time
  } else {
    if ((typeof time === 'string')) {
      if ((/^[0-9]+$/.test(time))) {
        // support "1548221490638"
        time = parseInt(time)
      } else {
        // support safari
        // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
        time = time.replace(new RegExp(/-/gm), '/')
      }
    }

    if ((typeof time === 'number') && (time.toString().length === 10)) {
      time = time * 1000
    }
    date = new Date(time)
  }
  const formatObj = {
    y: date.getFullYear(),
    m: date.getMonth() + 1,
    d: date.getDate(),
    h: date.getHours(),
    i: date.getMinutes(),
    s: date.getSeconds(),
    a: date.getDay()
  }
  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
    const value = formatObj[key]
    // Note: getDay() returns 0 on Sunday
    if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
    return value.toString().padStart(2, '0')
  })
  return time_str
}

/**
 * @param {number} time
 * @param {string} option
 * @returns {string}
 */
export function formatTime(time, option) {
  if (('' + time).length === 10) {
    time = parseInt(time) * 1000
  } else {
    time = +time
  }
  const d = new Date(time)
  const now = Date.now()

  const diff = (now - d) / 1000

  if (diff < 30) {
    return '刚刚'
  } else if (diff < 3600) {
    // less 1 hour
    return Math.ceil(diff / 60) + '分钟前'
  } else if (diff < 3600 * 24) {
    return Math.ceil(diff / 3600) + '小时前'
  } else if (diff < 3600 * 24 * 2) {
    return '1天前'
  }
  if (option) {
    return parseTime(time, option)
  } else {
    return (
      d.getMonth() +
      1 +
      '月' +
      d.getDate() +
      '日' +
      d.getHours() +
      '时' +
      d.getMinutes() +
      '分'
    )
  }
}

/**
 * @param {string} url
 * @returns {Object}
 */
export function param2Obj(url) {
  const search = decodeURIComponent(url.split('?')[1]).replace(/\+/g, ' ')
  if (!search) {
    return {}
  }
  const obj = {}
  const searchArr = search.split('&')
  searchArr.forEach(v => {
    const index = v.indexOf('=')
    if (index !== -1) {
      const name = v.substring(0, index)
      const val = v.substring(index + 1, v.length)
      obj[name] = val
    }
  })
  return obj
}

/**
 *
 * @param list 待处理的数据，数组结构
 * @param rootValue 根节点的pid
 * 核心：每一次的调用都是单独的，他们之间没有任何关系
 */

// 1、当你不知道你需要处理的数据有多少层的时候，会用到递归
// 2、必须要有退出条件否则就会栈溢出
// 3、
export function transListToTree(list, rootValue) { // rootValue = 3
  // debugger
  //   1、找出根节点
  const arr = [] // 存储转化结果
  list.forEach(item => {
    if (item.pid === rootValue) {
    //   当前节点的pid等于传入的rootValue（0）
    //   我还要找到当前节点的children，找到之后作为当前节点的children属性
    //   遍历list结构，如果某个节点的pid等于当前item节点的id的时候，满足条件的节点就是当前节点的子节点
    //   目前的判断条件：如果当前节点没有子节点，他的children依旧为空数组
    //   如果没有子节点，不能给他添加children属性
      const children = transListToTree(list, item.id)
      // 如果当前节点有子节点的时候，再给自己添加children属性
      if (children.length > 0) {
        item.children = children
      }
      arr.push(item)
    }
  })
  return arr
}

// export function transListToTree(list) {
//   const map = {}
//   const arr = []
//   list.forEach(item => {
//     map[item.id] = {
//       ...item,
//       children: []
//     }
//   })
//
//   list.forEach(item => {
//     if (map[item.pid]) {
//       map[item.pid].children.push(item)
//     } else {
//       arr.push(item)
//     }
//   })
//   return arr
// }

// 函数的变量查找机制和他如何调用无关，就看你的书写位置【静态作用域】

// const aa = 'aa'
// function foo() {
//   console.log(aa) // ? aa / bb
// }
//
// function bar() {
//   const aa = 'bb'
//   foo()
// }
//
// bar()

// const age = 100
// function foo() {
//   const age = 10
//   console.log(this)
//   console.log(this.age) // window.age = 100 ?
// }
//
// // 函数内部的this指向window,vue项目开启了严格模式
// foo()

